<style>
/**子菜单*/
.subshortcut {
  margin-left: 5px;
  margin-right: 15px;
  margin-top: 1px;
  height: 28px;
  float: right;
  display:none;
}
.subshortcut li {
  float: left;
  list-style: none;
  margin-right: 10px;
  cursor: pointer;
  width: 64
}
.active {
  background-color: rgb(0, 162, 233);
  color:rgb(49, 49, 139);
}
.noactive {
  background-color: rgb(49, 49, 139);
  color:white;
}
.subMenuDiv {
	width: 90px;
    height: 17px;
	text-align: center;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius:5px;    
    padding:5px 5px;
}
</style>
<#list menus as menu>
	<#if (menu.children)?size==0>
	<#else>
	<ul class="subshortcut" id="sub${(menu.id)!}">
		<#list menu.children as mc>
			<li style="position: relative;" menuId='${mc.id}' menuName='${mc.name}' menuUrl='${mc.url?default("")}' menuIcon='${(mc.icon)?default("icon-save")}'>
				<div class="subMenuDiv noactive">
					<img class="imag1" src="static/hotel/images/${mc.icon}up.png" style="width:16px;float:left;"> 
					<img class="imag2" src="static/hotel/images/${mc.icon}.png" style="width:16px;float:left;display: none;">
					<span style="float:left;margin-left: 5px;">${mc.name}</span>
				</div>
			</li>
		</#list>
	</ul>
	</#if>		
</#list>
<script>
	 $(".subshortcut li").live("click",function(){
	   $(this).find(".imag1").hide();
	   $(this).find(".imag2").show();
	   $(this).siblings().find(".imag2").hide();
	   $(this).siblings().find(".imag1").show();
	  
	   $(".subshortcut li div.subMenuDiv").removeClass("active");
       $(".subshortcut li div.subMenuDiv").addClass("noactive");
       $(this).find(".subMenuDiv").removeClass("noactive").addClass("active");
	   var menuId = $(this).attr("menuId");
	   var menuName = $(this).attr("menuName");
	   var menuUrl = $(this).attr("menuUrl");
	   var menuIcon = $(this).attr("menuIcon");
	   window.mainpage.clickMenuAddModelTab(menuId,menuName,'9999',menuUrl,menuIcon,false);
	 });
</script>